<template>
  <span :class="className" :style="{fontSize: size +'px'}"/>
</template>

<script setup lang="ts">
import { computed } from 'vue';

const props = defineProps({
  icon: {
    type: String,
    default: 'DBC/brandtv_defaultimage_fill',
  },
  size: {
    type: Number,
    default: 14,
  },
});
const className = computed(() => props.icon.replace('BDC/', 'sic-BDC-').replace('BDC_svg/', 'sic-BDC_svg-'));
</script>
